10 Magical Sample HTML Form Samples For Your Website

1. Shout Box

featured image

The Shout Box runs on HTML Templates so if you need to change the look and feel of how it works you do not need to have PHP Knowledge. Sample Template (for the shout box, and input form)

Full HTML Templates (Shout Box and Form)

Sample Usage

However, here is some sample usage and how easy it is to use.

More Details

2. Formoid

Formoid

Formoid makes creating beautiful web forms a cinch and a joy. With a no-coding drag-n-drop GUI, trendy Flat, Metro, Bootstrap form themes, pure css styled, responsive, retina-ready form elements, as-you-type validation, anti-spam captcha - Formoid is a just incredible form tool!

Modern Metro, Flat, Bootstrap form themes with fancy color schemes.

Pure CSS radios, checkboxes, selects, file upload, date picker, tooltips, and even google captcha!

All form elements look brilliantly on high resolution displays and devices.

Fully optimized to work on desktops, mobiles, and tablets.

More Details

3. FEVOR Validation Library

featured image

Full API documentation in HTML and PDF format, with examples;

Sample code

Here’s a quick sample code to give you an idea of how FEVOR will enhance your validation process:

More Details

4. DZS jQuery Mini Events Calendar

featured image

sample setup included - a sample setup with the plugin to show an example on how it can be configured

html supported – inline content is no problem for this plugin

sample setup – a sample setup with the plugin to show an example on how it can be configured in the source folder

Can you explain your data ? You can place events on any day, and can have any html there ( videos, youtube embeds, headings, anything ) .This is the correct form 1-8-2013 ( not 01-08-2013 )

More Details

5. AJAX Contact Form; Extended

featured image

This jQuery based AJAX Contact Form; Extended allows you to easily place a self-contained Contact Form on any HTML or PHP page of your existing website.It uses just 1 file to Validate, Process and Send the completed contact form to your e-mail address and a Direct Message notification to your Twitter account, best of all, it does not reload the page to validate or send the form!

Very easy to integrate into any existing HTML or PHP page on your website

The form style can be integrated into your existing website Stylesheet or you can use the Default Style

Don’t need Javascript? Don’t forget to check out our Simple PHP Contact Form

contact form on our author profile page. * New: Added checkbox + radio sample

* Tweak: Serialize all form values via JS, don't have to define them each in JS anymore

Tags: twitter, contact, php, AJAX, validation, css, style, form, submit, process, fields

More Details

6. jQuery Content Scroller DZS

featured image

It can be a checkbox HTML form scroller, a banner rotator or even a slider image gallery due to the fact that it support inline content and it includes two viewing modes.webmaster / SEO friendly – built with online image rotator on mind from the ground up, the Testimonial Rotator uses non hidden valid html markup to build the widget

sample configuration from the preview – you get exactly the configuration and files you see in the in the preview so you have a good starting point for your customizations

net/support/ this is the fastest form of support

More Details

7. reForm - The Ajax Contact+ Form

featured image

Contact form with Ajax that can be integrated with any website very easily and could be configured in minutes, without modifying any line in the actual source code.Though it is primarily a Form Procesor and works independent of layout or theme, but as a token of thanks for purchasing, we’ve included

IP Address: Include IP Address of user submitting your form and send it via email or store in the database etc.Auto-responder: Send an email to the person who submitted the form.Filter Inputs: Filter form input before being sent or stored.Validation: Only take valid data as input, you can apply multiple validators to single form field.Plain or HTML : Send email as plain text or HTML .Multiple Recipients: Send form data to one or more email address, even send conditional email to one or more people upon specific input, for example if user selects Sales from dropdown, send an email to support@example.Data Storage: You can store form data anywhere you want, we packaged the csv-export, Google Spreadsheet and database-handling sample code.Multiple-Forms: Multiple form can be displayed on same page, yet they handled separately.Form Independence: At minimum reForm expects HTTP Request (of POST or GET ), it does not matter how you design your Form or what colors it has, all that matter is that email form submission HTML took place.

More Details

8. HTML 5 AJAX Contact Form

featured image

The contact form HTML5 Form utilises cutting edge HMTL5 code and CSS3 animations to make your contact page elegant and ultra-usable.You can view a demo of the form itself live!

Fully valid HTML5 code including inline form validation

jQuery functionality animates the form on submission failure or acceptance

* New: Added checkbox + radio sample

* Tweak: Serialize all form values via JS, don't have to define them each in JS anymore

More Details

9. jQuery Contact Tabs

featured image

A jQuery form validation on submit generator for creating unlimited slide-out or static contact tabs containing AJAX powered customised forms. Plugin includes 12 different form elements and client-side validation. Add multiple tabs, each with its own custom form or use the built-in default standard contact form. All form HTML and styling generated by the plugin.Available Form Elements

URL field for including URL of page where form was submitted

Create custom forms with 12 different form elements

Submit form via AJAX

Includes validation options for email form

Includes sample PHP file for contact 7 form not sending email via mail form HTML or SMTP (using PHP SMTPClient class)

Default contact form very easy to use – just add a single div tag to your web page & initialize the plugin!

Multiple examples including configurable demo and form samples.

More Details

10. textAreaPro

featured image

A validation form jQuery plugin that easily allow you to create dynamic textarea input fields that can highlight text of several patterns at once, catch and copy keywords and design the text are without manually adding CSS rules or HTML tags.

More Details

11. JavaScript Fast Links

featured image

The shortcuts to the web sites and services are accessible through a context menu which is sensitive to the current selected text form the web page.A Basic Usage Sample

<html>

</html>

More Details